<template>
  <div>
    <div :class="group === 'tenancy' ? (!opened ? 'main_223': 'main_64') : ''">
      <head-nav :firstTitle="'影像存档'" :subTitle="'存档设置'"></head-nav>
    </div>
    <setting-nav :class="group === 'tenancy' ? (!opened ? 'main_223': 'main_64') : ''" @tabClick="tabClick"></setting-nav>
    <bacisParams v-if="activeTab === '1'"></bacisParams>
    <frontEndProcessorConfig v-if="activeTab === '2'"></frontEndProcessorConfig>
    <imgDeviceConfig v-if="activeTab === '3'"></imgDeviceConfig>
    <memoryDeviceConfig v-if="activeTab === '4'"></memoryDeviceConfig>
    <routingStrategyConfig v-if="activeTab === '5'"></routingStrategyConfig>
    <logViewer v-if="activeTab === '6'"></logViewer>
  </div>
</template>

<script>
import SettingNav from '@/layout/defaultLayout/components/settingNav'
import HeadNav from "@/components/common/HeadNav"; // 头部导航
import bacisParams from "@/views/paramsSetting/bacisParams/index.vue"
import frontEndProcessorConfig from "@/views/paramsSetting/frontEndProcessorConfig/index.vue"
import imgDeviceConfig from "@/views/paramsSetting/imgDeviceConfig/index.vue"
import memoryDeviceConfig from "@/views/paramsSetting/memoryDeviceConfig/index.vue"
import routingStrategyConfig from "@/views/paramsSetting/routingStrategyConfig/index.vue"
import logViewer from "@/views/paramsSetting/logViewer/index.vue"
import { mapGetters } from 'vuex';
export default {
  components: {
    SettingNav,
    HeadNav,
    bacisParams,
    frontEndProcessorConfig,
    imgDeviceConfig,
    memoryDeviceConfig,
    routingStrategyConfig,
    logViewer
  },
  data () {
    return {
      activeTab: '1'
    }
  },
  
  computed:{
    ...mapGetters(['group','opened']),
  },
  methods: {
    tabClick (val) {
      this.activeTab = val
    }
  }
}
</script>

<style>

</style>